<template>
  <div class="lix-container">
    <div class="lix-cr__cardcontainer">
      <div class="lix-cr__card">
        <van-card
          num="2"
          price="2.00"
          title="六年级校服"
          thumb="../../../static/images/401538205135_.pic.jpg"
          title-class="lix-cr__title"
          price-class="lix-cr__title"
          num-class="lix-cr__title"
        />
      </div>
      <div class="lix-cr__card">
        <van-card
          num="2"
          price="2.00"
          title="六年级校服"
          thumb="../../../static/images/401538205135_.pic.jpg"
          title-class="lix-cr__title"
          price-class="lix-cr__title"
          num-class="lix-cr__title"
        />
      </div>
    </div>
    <div class="lix-cr__cells">
      <LixCell label="年级" value="一年级" @tap="editFavorite" isLink/>
      <LixCell label="班级" value="三班" @tap="editFavorite" isLink/>
    </div>
    <div class="lix-cr__fields">
      <van-cell-group>
        <van-field
          value="李晓"
          required
          clearable
          label="姓名"
          placeholder="请输入学生姓名"
          @change="nameChange"
          input-class="lix-cr__title"
        />

        <van-field
          value="13188877109"
          type="number"
          required
          clearable
          label="联系方式"
          placeholder="请输入手机号码"
          :border="false"
          @change="phoneChange"
          input-class="lix-cr__title"
        />
      </van-cell-group>
    </div>
    <div class="lix-cr__submit">
      <van-submit-bar
        :price="50000"
        button-text="去支付"
        @submit="onSubmit"
      />
    </div>
  </div>
</template>

<script>
import LixCell from '../../components/lix-cell';
export default {
  components: {
    LixCell: LixCell
  }
};
</script>

<style lang="scss">
@import "../../theme-chalk/createorder.scss"
</style>
